<!--设备管理页-->
<template>
  <!-- 大标题 -->
  <div style="height: 6vh;padding: 10px 20px;background-color: #fff">
    <span style="line-height: 60px;font-size: 20px;font-weight: bold">设备管理</span>
  </div>
  <!-- 搜索卡片 -->
  <el-card style="margin-top: 10px;height: 70px;">
    <el-form :inline="true">
      <el-form-item label="所属产品" style="width: 290px;">
        <el-select placeholder="请选择" #>
          <el-option label="1" value="1"></el-option>
          <el-option label="2" value="2"></el-option>
          <el-option label="3" value="3"></el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button round :icon="Refresh" type="info" #>重置</el-button>
      </el-form-item>
      <el-button style="float: right" :icon="Edit" type="primary"
                 #>新增设备</el-button>
    </el-form>
  </el-card>

  <!-- 项目数据卡片 -->
  <el-card style="margin-top: 10px;">
    <el-table>
      <el-table-column label="序号" type="index" width="80" align="center"></el-table-column>
      <el-table-column label="设备名称" prop="xxx" align="center"></el-table-column>
      <el-table-column label="备注名称" prop="xxx" align="center"></el-table-column>
      <el-table-column label="所属产品" prop="xxx" align="center"></el-table-column>
      <el-table-column label="接入位置" prop="xxx" align="center"></el-table-column>
      <el-table-column label="节点类型" prop="xxx" align="center"></el-table-column>
      <el-table-column label="创建人" prop="xxx" align="center"></el-table-column>
      <el-table-column label="创建时间" prop="xxx" align="center"></el-table-column>
      <el-table-column label="操作" align="center">
        <template #default="scope">
          <el-button :icon="Search" #>查看</el-button>
          <el-button :icon="Edit" #>编辑</el-button>
          <el-button :icon="Delete" #>删除</el-button>
        </template>
      </el-table-column>
    </el-table>
  </el-card>
</template>

<script setup>

import {Delete, Edit, Refresh, Search} from "@element-plus/icons-vue";
</script>

<style scoped>

</style>